.border{
  // 边框样式
  &-solid{border-style: solid;}
  &-dashed{border-style: dashed;}
  &-dotted{border-style: dotted;}
  &-double{border-style: double;}
  &-none{border-style: none;}
  // 边框厚度
  &-0{border-width: 0px;}
  &-2{border-width: 2px;}
  &-4{border-width: 4px;}
  &-8{border-width: 8px;}
  &{border-width: 1px;}
  &-t-0{border-top-width: 0px;}
  &-t-2{border-top-width: 2px;}
  &-t-4{border-top-width: 4px;}
  &-t-8{border-top-width: 8px;}
  &-t{border-top-width: 1px;}
  &-r-0{border-right-width: 0px;}
  &-r-2{border-right-width: 2px;}
  &-r-4{border-right-width: 4px;}
  &-r-8{border-right-width: 8px;}
  &-r{border-right-width: 1px;}
  &-b-0{border-bottom-width: 0px;}
  &-b-2{border-bottom-width: 2px;}
  &-b-4{border-bottom-width: 4px;}
  &-b-8{border-bottom-width: 8px;}
  &-b{border-bottom-width: 1px;}
  &-l-0{border-left-width: 0px;}
  &-l-2{border-left-width: 2px;}
  &-l-4{border-left-width: 4px;}
  &-l-8{border-left-width: 8px;}
  &-l{border-left-width: 1px;}

  // 颜色
  &-transparent{border-color: transparent;}
  &-current{border-color: currentColor;}
  &-black{--tw-border-opacity: 1;border-color: rgba(0, 0, 0, var(--tw-border-opacity));}
  &-white{--tw-border-opacity: 1;border-color: rgba(255, 255, 255, var(--tw-border-opacity));}
  &-gray-50{--tw-border-opacity: 1;border-color: rgba(249, 250, 251, var(--tw-border-opacity));}
  &-gray-100{--tw-border-opacity: 1;border-color: rgba(243, 244, 246, var(--tw-border-opacity));}
  &-gray-200{--tw-border-opacity: 1;border-color: rgba(229, 231, 235, var(--tw-border-opacity));}
  &-gray-300{--tw-border-opacity: 1;border-color: rgba(209, 213, 219, var(--tw-border-opacity));}
  &-gray-400{--tw-border-opacity: 1;border-color: rgba(156, 163, 175, var(--tw-border-opacity));}
  &-gray-500{--tw-border-opacity: 1;border-color: rgba(107, 114, 128, var(--tw-border-opacity));}
  &-gray-600{--tw-border-opacity: 1;border-color: rgba(75, 85, 99, var(--tw-border-opacity));}
  &-gray-700{--tw-border-opacity: 1;border-color: rgba(55, 65, 81, var(--tw-border-opacity));}
  &-gray-800{--tw-border-opacity: 1;border-color: rgba(31, 41, 55, var(--tw-border-opacity));}
  &-gray-900{--tw-border-opacity: 1;border-color: rgba(17, 24, 39, var(--tw-border-opacity));}
  &-red-50{--tw-border-opacity: 1;border-color: rgba(254, 242, 242, var(--tw-border-opacity));}
  &-red-100{--tw-border-opacity: 1;border-color: rgba(254, 226, 226, var(--tw-border-opacity));}
  &-red-200{--tw-border-opacity: 1;border-color: rgba(254, 202, 202, var(--tw-border-opacity));}
  &-red-300{--tw-border-opacity: 1;border-color: rgba(252, 165, 165, var(--tw-border-opacity));}
  &-red-400{--tw-border-opacity: 1;border-color: rgba(248, 113, 113, var(--tw-border-opacity));}
  &-red-500{--tw-border-opacity: 1;border-color: rgba(239, 68, 68, var(--tw-border-opacity));}
  &-red-600{--tw-border-opacity: 1;border-color: rgba(220, 38, 38, var(--tw-border-opacity));}
  &-red-700{--tw-border-opacity: 1;border-color: rgba(185, 28, 28, var(--tw-border-opacity));}
  &-red-800{--tw-border-opacity: 1;border-color: rgba(153, 27, 27, var(--tw-border-opacity));}
  &-red-900{--tw-border-opacity: 1;border-color: rgba(127, 29, 29, var(--tw-border-opacity));}
  &-yellow-50{--tw-border-opacity: 1;border-color: rgba(255, 251, 235, var(--tw-border-opacity));}
  &-yellow-100{--tw-border-opacity: 1;border-color: rgba(254, 243, 199, var(--tw-border-opacity));}
  &-yellow-200{--tw-border-opacity: 1;border-color: rgba(253, 230, 138, var(--tw-border-opacity));}
  &-yellow-300{--tw-border-opacity: 1;border-color: rgba(252, 211, 77, var(--tw-border-opacity));}
  &-yellow-400{--tw-border-opacity: 1;border-color: rgba(251, 191, 36, var(--tw-border-opacity));}
  &-yellow-500{--tw-border-opacity: 1;border-color: rgba(245, 158, 11, var(--tw-border-opacity));}
  &-yellow-600{--tw-border-opacity: 1;border-color: rgba(217, 119, 6, var(--tw-border-opacity));}
  &-yellow-700{--tw-border-opacity: 1;border-color: rgba(180, 83, 9, var(--tw-border-opacity));}
  &-yellow-800{--tw-border-opacity: 1;border-color: rgba(146, 64, 14, var(--tw-border-opacity));}
  &-yellow-900{--tw-border-opacity: 1;border-color: rgba(120, 53, 15, var(--tw-border-opacity));}
  &-green-50{--tw-border-opacity: 1;border-color: rgba(236, 253, 245, var(--tw-border-opacity));}
  &-green-100{--tw-border-opacity: 1;border-color: rgba(209, 250, 229, var(--tw-border-opacity));}
  &-green-200{--tw-border-opacity: 1;border-color: rgba(167, 243, 208, var(--tw-border-opacity));}
  &-green-300{--tw-border-opacity: 1;border-color: rgba(110, 231, 183, var(--tw-border-opacity));}
  &-green-400{--tw-border-opacity: 1;border-color: rgba(52, 211, 153, var(--tw-border-opacity));}
  &-green-500{--tw-border-opacity: 1;border-color: rgba(16, 185, 129, var(--tw-border-opacity));}
  &-green-600{--tw-border-opacity: 1;border-color: rgba(5, 150, 105, var(--tw-border-opacity));}
  &-green-700{--tw-border-opacity: 1;border-color: rgba(4, 120, 87, var(--tw-border-opacity));}
  &-green-800{--tw-border-opacity: 1;border-color: rgba(6, 95, 70, var(--tw-border-opacity));}
  &-green-900{--tw-border-opacity: 1;border-color: rgba(6, 78, 59, var(--tw-border-opacity));}
  &-blue-50{--tw-border-opacity: 1;border-color: rgba(239, 246, 255, var(--tw-border-opacity));}
  &-blue-100{--tw-border-opacity: 1;border-color: rgba(219, 234, 254, var(--tw-border-opacity));}
  &-blue-200{--tw-border-opacity: 1;border-color: rgba(191, 219, 254, var(--tw-border-opacity));}
  &-blue-300{--tw-border-opacity: 1;border-color: rgba(147, 197, 253, var(--tw-border-opacity));}
  &-blue-400{--tw-border-opacity: 1;border-color: rgba(96, 165, 250, var(--tw-border-opacity));}
  &-blue-500{--tw-border-opacity: 1;border-color: rgba(59, 130, 246, var(--tw-border-opacity));}
  &-blue-600{--tw-border-opacity: 1;border-color: rgba(37, 99, 235, var(--tw-border-opacity));}
  &-blue-700{--tw-border-opacity: 1;border-color: rgba(29, 78, 216, var(--tw-border-opacity));}
  &-blue-800{--tw-border-opacity: 1;border-color: rgba(30, 64, 175, var(--tw-border-opacity));}
  &-blue-900{--tw-border-opacity: 1;border-color: rgba(30, 58, 138, var(--tw-border-opacity));}
  &-indigo-50{--tw-border-opacity: 1;border-color: rgba(238, 242, 255, var(--tw-border-opacity));}
  &-indigo-100{--tw-border-opacity: 1;border-color: rgba(224, 231, 255, var(--tw-border-opacity));}
  &-indigo-200{--tw-border-opacity: 1;border-color: rgba(199, 210, 254, var(--tw-border-opacity));}
  &-indigo-300{--tw-border-opacity: 1;border-color: rgba(165, 180, 252, var(--tw-border-opacity));}
  &-indigo-400{--tw-border-opacity: 1;border-color: rgba(129, 140, 248, var(--tw-border-opacity));}
  &-indigo-500{--tw-border-opacity: 1;border-color: rgba(99, 102, 241, var(--tw-border-opacity));}
  &-indigo-600{--tw-border-opacity: 1;border-color: rgba(79, 70, 229, var(--tw-border-opacity));}
  &-indigo-700{--tw-border-opacity: 1;border-color: rgba(67, 56, 202, var(--tw-border-opacity));}
  &-indigo-800{--tw-border-opacity: 1;border-color: rgba(55, 48, 163, var(--tw-border-opacity));}
  &-indigo-900{--tw-border-opacity: 1;border-color: rgba(49, 46, 129, var(--tw-border-opacity));}
  &-purple-50{--tw-border-opacity: 1;border-color: rgba(245, 243, 255, var(--tw-border-opacity));}
  &-purple-100{--tw-border-opacity: 1;border-color: rgba(237, 233, 254, var(--tw-border-opacity));}
  &-purple-200{--tw-border-opacity: 1;border-color: rgba(221, 214, 254, var(--tw-border-opacity));}
  &-purple-300{--tw-border-opacity: 1;border-color: rgba(196, 181, 253, var(--tw-border-opacity));}
  &-purple-400{--tw-border-opacity: 1;border-color: rgba(167, 139, 250, var(--tw-border-opacity));}
  &-purple-500{--tw-border-opacity: 1;border-color: rgba(139, 92, 246, var(--tw-border-opacity));}
  &-purple-600{--tw-border-opacity: 1;border-color: rgba(124, 58, 237, var(--tw-border-opacity));}
  &-purple-700{--tw-border-opacity: 1;border-color: rgba(109, 40, 217, var(--tw-border-opacity));}
  &-purple-800{--tw-border-opacity: 1;border-color: rgba(91, 33, 182, var(--tw-border-opacity));}
  &-purple-900{--tw-border-opacity: 1;border-color: rgba(76, 29, 149, var(--tw-border-opacity));}
  &-pink-50{--tw-border-opacity: 1;border-color: rgba(253, 242, 248, var(--tw-border-opacity));}
  &-pink-100{--tw-border-opacity: 1;border-color: rgba(252, 231, 243, var(--tw-border-opacity));}
  &-pink-200{--tw-border-opacity: 1;border-color: rgba(251, 207, 232, var(--tw-border-opacity));}
  &-pink-300{--tw-border-opacity: 1;border-color: rgba(249, 168, 212, var(--tw-border-opacity));}
  &-pink-400{--tw-border-opacity: 1;border-color: rgba(244, 114, 182, var(--tw-border-opacity));}
  &-pink-500{--tw-border-opacity: 1;border-color: rgba(236, 72, 153, var(--tw-border-opacity));}
  &-pink-600{--tw-border-opacity: 1;border-color: rgba(219, 39, 119, var(--tw-border-opacity));}
  &-pink-700{--tw-border-opacity: 1;border-color: rgba(190, 24, 93, var(--tw-border-opacity));}
  &-pink-800{--tw-border-opacity: 1;border-color: rgba(157, 23, 77, var(--tw-border-opacity));}
  &-pink-900{--tw-border-opacity: 1;border-color: rgba(131, 24, 67, var(--tw-border-opacity));}

  // 边框不透明度
  &-opacity-0{--tw-border-opacity: 0;}
  &-opacity-5{--tw-border-opacity: 0.05;}
  &-opacity-10{--tw-border-opacity: 0.1;}
  &-opacity-20{--tw-border-opacity: 0.2;}
  &-opacity-25{--tw-border-opacity: 0.25;}
  &-opacity-30{--tw-border-opacity: 0.3;}
  &-opacity-40{--tw-border-opacity: 0.4;}
  &-opacity-50{--tw-border-opacity: 0.5;}
  &-opacity-60{--tw-border-opacity: 0.6;}
  &-opacity-70{--tw-border-opacity: 0.7;}
  &-opacity-75{--tw-border-opacity: 0.75;}
  &-opacity-80{--tw-border-opacity: 0.8;}
  &-opacity-90{--tw-border-opacity: 0.9;}
  &-opacity-95{--tw-border-opacity: 0.95;}
  &-opacity-100{--tw-border-opacity: 1;}
}
// 边框圆角
.rounded{
  &-none{border-radius: 0px;}
  &-sm{border-radius: 0.125rem;}
  &{border-radius: 0.25rem;}
  &-md{border-radius: 0.375rem;}
  &-lg{border-radius: 0.5rem;}
  &-xl{border-radius: 0.75rem;}
  &-2xl{border-radius: 1rem;}
  &-3xl{border-radius: 1.5rem;}
  &-full{border-radius: 9999px;}
  &-t-none {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
  &-t-sm {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }
  &-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  &-t-md {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
  }
  &-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }
  &-t-xl {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }
  &-t-2xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }
  &-t-3xl {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }
  &-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }
  &-r-none {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  &-r-sm {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }
  &-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  &-r-md {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
  }
  &-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }
  &-r-xl {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }
  &-r-2xl {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }
  &-r-3xl {
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
  }
  &-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }
  &-b-none {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }
  &-b-sm {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }
  &-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  &-b-md {
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }
  &-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }
  &-b-xl {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }
  &-b-2xl {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }
  &-b-3xl {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }
  &-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }
  &-l-none {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }
  &-l-sm {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }
  &-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  &-l-md {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }
  &-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }
  &-l-xl {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }
  &-l-2xl {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }
  &-l-3xl {
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }
  &-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }
  &-tl-none{border-top-left-radius: 0px;}
  &-tl-sm{border-top-left-radius: 0.125rem;}
  &-tl{border-top-left-radius: 0.25rem;}
  &-tl-md{border-top-left-radius: 0.375rem;}
  &-tl-lg{border-top-left-radius: 0.5rem;}
  &-tl-xl{border-top-left-radius: 0.75rem;}
  &-tl-2xl{border-top-left-radius: 1rem;}
  &-tl-3xl{border-top-left-radius: 1.5rem;}
  &-tl-full{border-top-left-radius: 9999px;}
  &-tr-none{border-top-right-radius: 0px;}
  &-tr-sm{border-top-right-radius: 0.125rem;}
  &-tr{border-top-right-radius: 0.25rem;}
  &-tr-md{border-top-right-radius: 0.375rem;}
  &-tr-lg{border-top-right-radius: 0.5rem;}
  &-tr-xl{border-top-right-radius: 0.75rem;}
  &-tr-2xl{border-top-right-radius: 1rem;}
  &-tr-3xl{border-top-right-radius: 1.5rem;}
  &-tr-full{border-top-right-radius: 9999px;}
  &-br-none{border-bottom-right-radius: 0px;}
  &-br-sm{border-bottom-right-radius: 0.125rem;}
  &-br{border-bottom-right-radius: 0.25rem;}
  &-br-md{border-bottom-right-radius: 0.375rem;}
  &-br-lg{border-bottom-right-radius: 0.5rem;}
  &-br-xl{border-bottom-right-radius: 0.75rem;}
  &-br-2xl{border-bottom-right-radius: 1rem;}
  &-br-3xl{border-bottom-right-radius: 1.5rem;}
  &-br-full{border-bottom-right-radius: 9999px;}
  &-bl-none{border-bottom-left-radius: 0px;}
  &-bl-sm{border-bottom-left-radius: 0.125rem;}
  &-bl{border-bottom-left-radius: 0.25rem;}
  &-bl-md{border-bottom-left-radius: 0.375rem;}
  &-bl-lg{border-bottom-left-radius: 0.5rem;}
  &-bl-xl{border-bottom-left-radius: 0.75rem;}
  &-bl-2xl{border-bottom-left-radius: 1rem;}
  &-bl-3xl{border-bottom-left-radius: 1.5rem;}
  &-bl-full{border-bottom-left-radius: 9999px;}
}

.hover{
  &-border:hover{
    // 边框样式
    &-solid{border-style: solid;}
    &-dashed{border-style: dashed;}
    &-dotted{border-style: dotted;}
    &-double{border-style: double;}
    &-none{border-style: none;}
    // 边框厚度
    &-0{border-width: 0px;}
    &-2{border-width: 2px;}
    &-4{border-width: 4px;}
    &-8{border-width: 8px;}
    &{border-width: 1px;}
    &-t-0{border-top-width: 0px;}
    &-t-2{border-top-width: 2px;}
    &-t-4{border-top-width: 4px;}
    &-t-8{border-top-width: 8px;}
    &-t{border-top-width: 1px;}
    &-r-0{border-right-width: 0px;}
    &-r-2{border-right-width: 2px;}
    &-r-4{border-right-width: 4px;}
    &-r-8{border-right-width: 8px;}
    &-r{border-right-width: 1px;}
    &-b-0{border-bottom-width: 0px;}
    &-b-2{border-bottom-width: 2px;}
    &-b-4{border-bottom-width: 4px;}
    &-b-8{border-bottom-width: 8px;}
    &-b{border-bottom-width: 1px;}
    &-l-0{border-left-width: 0px;}
    &-l-2{border-left-width: 2px;}
    &-l-4{border-left-width: 4px;}
    &-l-8{border-left-width: 8px;}
    &-l{border-left-width: 1px;}

    // 颜色
    &-transparent{border-color: transparent;}
    &-current{border-color: currentColor;}
    &-black{--tw-border-opacity: 1;border-color: rgba(0, 0, 0, var(--tw-border-opacity));}
    &-white{--tw-border-opacity: 1;border-color: rgba(255, 255, 255, var(--tw-border-opacity));}
    &-gray-50{--tw-border-opacity: 1;border-color: rgba(249, 250, 251, var(--tw-border-opacity));}
    &-gray-100{--tw-border-opacity: 1;border-color: rgba(243, 244, 246, var(--tw-border-opacity));}
    &-gray-200{--tw-border-opacity: 1;border-color: rgba(229, 231, 235, var(--tw-border-opacity));}
    &-gray-300{--tw-border-opacity: 1;border-color: rgba(209, 213, 219, var(--tw-border-opacity));}
    &-gray-400{--tw-border-opacity: 1;border-color: rgba(156, 163, 175, var(--tw-border-opacity));}
    &-gray-500{--tw-border-opacity: 1;border-color: rgba(107, 114, 128, var(--tw-border-opacity));}
    &-gray-600{--tw-border-opacity: 1;border-color: rgba(75, 85, 99, var(--tw-border-opacity));}
    &-gray-700{--tw-border-opacity: 1;border-color: rgba(55, 65, 81, var(--tw-border-opacity));}
    &-gray-800{--tw-border-opacity: 1;border-color: rgba(31, 41, 55, var(--tw-border-opacity));}
    &-gray-900{--tw-border-opacity: 1;border-color: rgba(17, 24, 39, var(--tw-border-opacity));}
    &-red-50{--tw-border-opacity: 1;border-color: rgba(254, 242, 242, var(--tw-border-opacity));}
    &-red-100{--tw-border-opacity: 1;border-color: rgba(254, 226, 226, var(--tw-border-opacity));}
    &-red-200{--tw-border-opacity: 1;border-color: rgba(254, 202, 202, var(--tw-border-opacity));}
    &-red-300{--tw-border-opacity: 1;border-color: rgba(252, 165, 165, var(--tw-border-opacity));}
    &-red-400{--tw-border-opacity: 1;border-color: rgba(248, 113, 113, var(--tw-border-opacity));}
    &-red-500{--tw-border-opacity: 1;border-color: rgba(239, 68, 68, var(--tw-border-opacity));}
    &-red-600{--tw-border-opacity: 1;border-color: rgba(220, 38, 38, var(--tw-border-opacity));}
    &-red-700{--tw-border-opacity: 1;border-color: rgba(185, 28, 28, var(--tw-border-opacity));}
    &-red-800{--tw-border-opacity: 1;border-color: rgba(153, 27, 27, var(--tw-border-opacity));}
    &-red-900{--tw-border-opacity: 1;border-color: rgba(127, 29, 29, var(--tw-border-opacity));}
    &-yellow-50{--tw-border-opacity: 1;border-color: rgba(255, 251, 235, var(--tw-border-opacity));}
    &-yellow-100{--tw-border-opacity: 1;border-color: rgba(254, 243, 199, var(--tw-border-opacity));}
    &-yellow-200{--tw-border-opacity: 1;border-color: rgba(253, 230, 138, var(--tw-border-opacity));}
    &-yellow-300{--tw-border-opacity: 1;border-color: rgba(252, 211, 77, var(--tw-border-opacity));}
    &-yellow-400{--tw-border-opacity: 1;border-color: rgba(251, 191, 36, var(--tw-border-opacity));}
    &-yellow-500{--tw-border-opacity: 1;border-color: rgba(245, 158, 11, var(--tw-border-opacity));}
    &-yellow-600{--tw-border-opacity: 1;border-color: rgba(217, 119, 6, var(--tw-border-opacity));}
    &-yellow-700{--tw-border-opacity: 1;border-color: rgba(180, 83, 9, var(--tw-border-opacity));}
    &-yellow-800{--tw-border-opacity: 1;border-color: rgba(146, 64, 14, var(--tw-border-opacity));}
    &-yellow-900{--tw-border-opacity: 1;border-color: rgba(120, 53, 15, var(--tw-border-opacity));}
    &-green-50{--tw-border-opacity: 1;border-color: rgba(236, 253, 245, var(--tw-border-opacity));}
    &-green-100{--tw-border-opacity: 1;border-color: rgba(209, 250, 229, var(--tw-border-opacity));}
    &-green-200{--tw-border-opacity: 1;border-color: rgba(167, 243, 208, var(--tw-border-opacity));}
    &-green-300{--tw-border-opacity: 1;border-color: rgba(110, 231, 183, var(--tw-border-opacity));}
    &-green-400{--tw-border-opacity: 1;border-color: rgba(52, 211, 153, var(--tw-border-opacity));}
    &-green-500{--tw-border-opacity: 1;border-color: rgba(16, 185, 129, var(--tw-border-opacity));}
    &-green-600{--tw-border-opacity: 1;border-color: rgba(5, 150, 105, var(--tw-border-opacity));}
    &-green-700{--tw-border-opacity: 1;border-color: rgba(4, 120, 87, var(--tw-border-opacity));}
    &-green-800{--tw-border-opacity: 1;border-color: rgba(6, 95, 70, var(--tw-border-opacity));}
    &-green-900{--tw-border-opacity: 1;border-color: rgba(6, 78, 59, var(--tw-border-opacity));}
    &-blue-50{--tw-border-opacity: 1;border-color: rgba(239, 246, 255, var(--tw-border-opacity));}
    &-blue-100{--tw-border-opacity: 1;border-color: rgba(219, 234, 254, var(--tw-border-opacity));}
    &-blue-200{--tw-border-opacity: 1;border-color: rgba(191, 219, 254, var(--tw-border-opacity));}
    &-blue-300{--tw-border-opacity: 1;border-color: rgba(147, 197, 253, var(--tw-border-opacity));}
    &-blue-400{--tw-border-opacity: 1;border-color: rgba(96, 165, 250, var(--tw-border-opacity));}
    &-blue-500{--tw-border-opacity: 1;border-color: rgba(59, 130, 246, var(--tw-border-opacity));}
    &-blue-600{--tw-border-opacity: 1;border-color: rgba(37, 99, 235, var(--tw-border-opacity));}
    &-blue-700{--tw-border-opacity: 1;border-color: rgba(29, 78, 216, var(--tw-border-opacity));}
    &-blue-800{--tw-border-opacity: 1;border-color: rgba(30, 64, 175, var(--tw-border-opacity));}
    &-blue-900{--tw-border-opacity: 1;border-color: rgba(30, 58, 138, var(--tw-border-opacity));}
    &-indigo-50{--tw-border-opacity: 1;border-color: rgba(238, 242, 255, var(--tw-border-opacity));}
    &-indigo-100{--tw-border-opacity: 1;border-color: rgba(224, 231, 255, var(--tw-border-opacity));}
    &-indigo-200{--tw-border-opacity: 1;border-color: rgba(199, 210, 254, var(--tw-border-opacity));}
    &-indigo-300{--tw-border-opacity: 1;border-color: rgba(165, 180, 252, var(--tw-border-opacity));}
    &-indigo-400{--tw-border-opacity: 1;border-color: rgba(129, 140, 248, var(--tw-border-opacity));}
    &-indigo-500{--tw-border-opacity: 1;border-color: rgba(99, 102, 241, var(--tw-border-opacity));}
    &-indigo-600{--tw-border-opacity: 1;border-color: rgba(79, 70, 229, var(--tw-border-opacity));}
    &-indigo-700{--tw-border-opacity: 1;border-color: rgba(67, 56, 202, var(--tw-border-opacity));}
    &-indigo-800{--tw-border-opacity: 1;border-color: rgba(55, 48, 163, var(--tw-border-opacity));}
    &-indigo-900{--tw-border-opacity: 1;border-color: rgba(49, 46, 129, var(--tw-border-opacity));}
    &-purple-50{--tw-border-opacity: 1;border-color: rgba(245, 243, 255, var(--tw-border-opacity));}
    &-purple-100{--tw-border-opacity: 1;border-color: rgba(237, 233, 254, var(--tw-border-opacity));}
    &-purple-200{--tw-border-opacity: 1;border-color: rgba(221, 214, 254, var(--tw-border-opacity));}
    &-purple-300{--tw-border-opacity: 1;border-color: rgba(196, 181, 253, var(--tw-border-opacity));}
    &-purple-400{--tw-border-opacity: 1;border-color: rgba(167, 139, 250, var(--tw-border-opacity));}
    &-purple-500{--tw-border-opacity: 1;border-color: rgba(139, 92, 246, var(--tw-border-opacity));}
    &-purple-600{--tw-border-opacity: 1;border-color: rgba(124, 58, 237, var(--tw-border-opacity));}
    &-purple-700{--tw-border-opacity: 1;border-color: rgba(109, 40, 217, var(--tw-border-opacity));}
    &-purple-800{--tw-border-opacity: 1;border-color: rgba(91, 33, 182, var(--tw-border-opacity));}
    &-purple-900{--tw-border-opacity: 1;border-color: rgba(76, 29, 149, var(--tw-border-opacity));}
    &-pink-50{--tw-border-opacity: 1;border-color: rgba(253, 242, 248, var(--tw-border-opacity));}
    &-pink-100{--tw-border-opacity: 1;border-color: rgba(252, 231, 243, var(--tw-border-opacity));}
    &-pink-200{--tw-border-opacity: 1;border-color: rgba(251, 207, 232, var(--tw-border-opacity));}
    &-pink-300{--tw-border-opacity: 1;border-color: rgba(249, 168, 212, var(--tw-border-opacity));}
    &-pink-400{--tw-border-opacity: 1;border-color: rgba(244, 114, 182, var(--tw-border-opacity));}
    &-pink-500{--tw-border-opacity: 1;border-color: rgba(236, 72, 153, var(--tw-border-opacity));}
    &-pink-600{--tw-border-opacity: 1;border-color: rgba(219, 39, 119, var(--tw-border-opacity));}
    &-pink-700{--tw-border-opacity: 1;border-color: rgba(190, 24, 93, var(--tw-border-opacity));}
    &-pink-800{--tw-border-opacity: 1;border-color: rgba(157, 23, 77, var(--tw-border-opacity));}
    &-pink-900{--tw-border-opacity: 1;border-color: rgba(131, 24, 67, var(--tw-border-opacity));}

    // 边框不透明度
    &-opacity-0{--tw-border-opacity: 0;}
    &-opacity-5{--tw-border-opacity: 0.05;}
    &-opacity-10{--tw-border-opacity: 0.1;}
    &-opacity-20{--tw-border-opacity: 0.2;}
    &-opacity-25{--tw-border-opacity: 0.25;}
    &-opacity-30{--tw-border-opacity: 0.3;}
    &-opacity-40{--tw-border-opacity: 0.4;}
    &-opacity-50{--tw-border-opacity: 0.5;}
    &-opacity-60{--tw-border-opacity: 0.6;}
    &-opacity-70{--tw-border-opacity: 0.7;}
    &-opacity-75{--tw-border-opacity: 0.75;}
    &-opacity-80{--tw-border-opacity: 0.8;}
    &-opacity-90{--tw-border-opacity: 0.9;}
    &-opacity-95{--tw-border-opacity: 0.95;}
    &-opacity-100{--tw-border-opacity: 1;}
  }
  // 边框圆角
  &-rounded:hover{
    &-none{border-radius: 0px;}
    &-sm{border-radius: 0.125rem;}
    &{border-radius: 0.25rem;}
    &-md{border-radius: 0.375rem;}
    &-lg{border-radius: 0.5rem;}
    &-xl{border-radius: 0.75rem;}
    &-2xl{border-radius: 1rem;}
    &-3xl{border-radius: 1.5rem;}
    &-full{border-radius: 9999px;}
    &-t-none {
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
    }
    &-t-sm {
      border-top-left-radius: 0.125rem;
      border-top-right-radius: 0.125rem;
    }
    &-t {
      border-top-left-radius: 0.25rem;
      border-top-right-radius: 0.25rem;
    }
    &-t-md {
      border-top-left-radius: 0.375rem;
      border-top-right-radius: 0.375rem;
    }
    &-t-lg {
      border-top-left-radius: 0.5rem;
      border-top-right-radius: 0.5rem;
    }
    &-t-xl {
      border-top-left-radius: 0.75rem;
      border-top-right-radius: 0.75rem;
    }
    &-t-2xl {
      border-top-left-radius: 1rem;
      border-top-right-radius: 1rem;
    }
    &-t-3xl {
      border-top-left-radius: 1.5rem;
      border-top-right-radius: 1.5rem;
    }
    &-t-full {
      border-top-left-radius: 9999px;
      border-top-right-radius: 9999px;
    }
    &-r-none {
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
    }
    &-r-sm {
      border-top-right-radius: 0.125rem;
      border-bottom-right-radius: 0.125rem;
    }
    &-r {
      border-top-right-radius: 0.25rem;
      border-bottom-right-radius: 0.25rem;
    }
    &-r-md {
      border-top-right-radius: 0.375rem;
      border-bottom-right-radius: 0.375rem;
    }
    &-r-lg {
      border-top-right-radius: 0.5rem;
      border-bottom-right-radius: 0.5rem;
    }
    &-r-xl {
      border-top-right-radius: 0.75rem;
      border-bottom-right-radius: 0.75rem;
    }
    &-r-2xl {
      border-top-right-radius: 1rem;
      border-bottom-right-radius: 1rem;
    }
    &-r-3xl {
      border-top-right-radius: 1.5rem;
      border-bottom-right-radius: 1.5rem;
    }
    &-r-full {
      border-top-right-radius: 9999px;
      border-bottom-right-radius: 9999px;
    }
    &-b-none {
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
    }
    &-b-sm {
      border-bottom-right-radius: 0.125rem;
      border-bottom-left-radius: 0.125rem;
    }
    &-b {
      border-bottom-right-radius: 0.25rem;
      border-bottom-left-radius: 0.25rem;
    }
    &-b-md {
      border-bottom-right-radius: 0.375rem;
      border-bottom-left-radius: 0.375rem;
    }
    &-b-lg {
      border-bottom-right-radius: 0.5rem;
      border-bottom-left-radius: 0.5rem;
    }
    &-b-xl {
      border-bottom-right-radius: 0.75rem;
      border-bottom-left-radius: 0.75rem;
    }
    &-b-2xl {
      border-bottom-right-radius: 1rem;
      border-bottom-left-radius: 1rem;
    }
    &-b-3xl {
      border-bottom-right-radius: 1.5rem;
      border-bottom-left-radius: 1.5rem;
    }
    &-b-full {
      border-bottom-right-radius: 9999px;
      border-bottom-left-radius: 9999px;
    }
    &-l-none {
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px;
    }
    &-l-sm {
      border-top-left-radius: 0.125rem;
      border-bottom-left-radius: 0.125rem;
    }
    &-l {
      border-top-left-radius: 0.25rem;
      border-bottom-left-radius: 0.25rem;
    }
    &-l-md {
      border-top-left-radius: 0.375rem;
      border-bottom-left-radius: 0.375rem;
    }
    &-l-lg {
      border-top-left-radius: 0.5rem;
      border-bottom-left-radius: 0.5rem;
    }
    &-l-xl {
      border-top-left-radius: 0.75rem;
      border-bottom-left-radius: 0.75rem;
    }
    &-l-2xl {
      border-top-left-radius: 1rem;
      border-bottom-left-radius: 1rem;
    }
    &-l-3xl {
      border-top-left-radius: 1.5rem;
      border-bottom-left-radius: 1.5rem;
    }
    &-l-full {
      border-top-left-radius: 9999px;
      border-bottom-left-radius: 9999px;
    }
    &-tl-none{border-top-left-radius: 0px;}
    &-tl-sm{border-top-left-radius: 0.125rem;}
    &-tl{border-top-left-radius: 0.25rem;}
    &-tl-md{border-top-left-radius: 0.375rem;}
    &-tl-lg{border-top-left-radius: 0.5rem;}
    &-tl-xl{border-top-left-radius: 0.75rem;}
    &-tl-2xl{border-top-left-radius: 1rem;}
    &-tl-3xl{border-top-left-radius: 1.5rem;}
    &-tl-full{border-top-left-radius: 9999px;}
    &-tr-none{border-top-right-radius: 0px;}
    &-tr-sm{border-top-right-radius: 0.125rem;}
    &-tr{border-top-right-radius: 0.25rem;}
    &-tr-md{border-top-right-radius: 0.375rem;}
    &-tr-lg{border-top-right-radius: 0.5rem;}
    &-tr-xl{border-top-right-radius: 0.75rem;}
    &-tr-2xl{border-top-right-radius: 1rem;}
    &-tr-3xl{border-top-right-radius: 1.5rem;}
    &-tr-full{border-top-right-radius: 9999px;}
    &-br-none{border-bottom-right-radius: 0px;}
    &-br-sm{border-bottom-right-radius: 0.125rem;}
    &-br{border-bottom-right-radius: 0.25rem;}
    &-br-md{border-bottom-right-radius: 0.375rem;}
    &-br-lg{border-bottom-right-radius: 0.5rem;}
    &-br-xl{border-bottom-right-radius: 0.75rem;}
    &-br-2xl{border-bottom-right-radius: 1rem;}
    &-br-3xl{border-bottom-right-radius: 1.5rem;}
    &-br-full{border-bottom-right-radius: 9999px;}
    &-bl-none{border-bottom-left-radius: 0px;}
    &-bl-sm{border-bottom-left-radius: 0.125rem;}
    &-bl{border-bottom-left-radius: 0.25rem;}
    &-bl-md{border-bottom-left-radius: 0.375rem;}
    &-bl-lg{border-bottom-left-radius: 0.5rem;}
    &-bl-xl{border-bottom-left-radius: 0.75rem;}
    &-bl-2xl{border-bottom-left-radius: 1rem;}
    &-bl-3xl{border-bottom-left-radius: 1.5rem;}
    &-bl-full{border-bottom-left-radius: 9999px;}
  }
}

.active{
  &-border:active{
    // 边框样式
    &-solid{border-style: solid;}
    &-dashed{border-style: dashed;}
    &-dotted{border-style: dotted;}
    &-double{border-style: double;}
    &-none{border-style: none;}
    // 边框厚度
    &-0{border-width: 0px;}
    &-2{border-width: 2px;}
    &-4{border-width: 4px;}
    &-8{border-width: 8px;}
    &{border-width: 1px;}
    &-t-0{border-top-width: 0px;}
    &-t-2{border-top-width: 2px;}
    &-t-4{border-top-width: 4px;}
    &-t-8{border-top-width: 8px;}
    &-t{border-top-width: 1px;}
    &-r-0{border-right-width: 0px;}
    &-r-2{border-right-width: 2px;}
    &-r-4{border-right-width: 4px;}
    &-r-8{border-right-width: 8px;}
    &-r{border-right-width: 1px;}
    &-b-0{border-bottom-width: 0px;}
    &-b-2{border-bottom-width: 2px;}
    &-b-4{border-bottom-width: 4px;}
    &-b-8{border-bottom-width: 8px;}
    &-b{border-bottom-width: 1px;}
    &-l-0{border-left-width: 0px;}
    &-l-2{border-left-width: 2px;}
    &-l-4{border-left-width: 4px;}
    &-l-8{border-left-width: 8px;}
    &-l{border-left-width: 1px;}

    // 颜色
    &-transparent{border-color: transparent;}
    &-current{border-color: currentColor;}
    &-black{--tw-border-opacity: 1;border-color: rgba(0, 0, 0, var(--tw-border-opacity));}
    &-white{--tw-border-opacity: 1;border-color: rgba(255, 255, 255, var(--tw-border-opacity));}
    &-gray-50{--tw-border-opacity: 1;border-color: rgba(249, 250, 251, var(--tw-border-opacity));}
    &-gray-100{--tw-border-opacity: 1;border-color: rgba(243, 244, 246, var(--tw-border-opacity));}
    &-gray-200{--tw-border-opacity: 1;border-color: rgba(229, 231, 235, var(--tw-border-opacity));}
    &-gray-300{--tw-border-opacity: 1;border-color: rgba(209, 213, 219, var(--tw-border-opacity));}
    &-gray-400{--tw-border-opacity: 1;border-color: rgba(156, 163, 175, var(--tw-border-opacity));}
    &-gray-500{--tw-border-opacity: 1;border-color: rgba(107, 114, 128, var(--tw-border-opacity));}
    &-gray-600{--tw-border-opacity: 1;border-color: rgba(75, 85, 99, var(--tw-border-opacity));}
    &-gray-700{--tw-border-opacity: 1;border-color: rgba(55, 65, 81, var(--tw-border-opacity));}
    &-gray-800{--tw-border-opacity: 1;border-color: rgba(31, 41, 55, var(--tw-border-opacity));}
    &-gray-900{--tw-border-opacity: 1;border-color: rgba(17, 24, 39, var(--tw-border-opacity));}
    &-red-50{--tw-border-opacity: 1;border-color: rgba(254, 242, 242, var(--tw-border-opacity));}
    &-red-100{--tw-border-opacity: 1;border-color: rgba(254, 226, 226, var(--tw-border-opacity));}
    &-red-200{--tw-border-opacity: 1;border-color: rgba(254, 202, 202, var(--tw-border-opacity));}
    &-red-300{--tw-border-opacity: 1;border-color: rgba(252, 165, 165, var(--tw-border-opacity));}
    &-red-400{--tw-border-opacity: 1;border-color: rgba(248, 113, 113, var(--tw-border-opacity));}
    &-red-500{--tw-border-opacity: 1;border-color: rgba(239, 68, 68, var(--tw-border-opacity));}
    &-red-600{--tw-border-opacity: 1;border-color: rgba(220, 38, 38, var(--tw-border-opacity));}
    &-red-700{--tw-border-opacity: 1;border-color: rgba(185, 28, 28, var(--tw-border-opacity));}
    &-red-800{--tw-border-opacity: 1;border-color: rgba(153, 27, 27, var(--tw-border-opacity));}
    &-red-900{--tw-border-opacity: 1;border-color: rgba(127, 29, 29, var(--tw-border-opacity));}
    &-yellow-50{--tw-border-opacity: 1;border-color: rgba(255, 251, 235, var(--tw-border-opacity));}
    &-yellow-100{--tw-border-opacity: 1;border-color: rgba(254, 243, 199, var(--tw-border-opacity));}
    &-yellow-200{--tw-border-opacity: 1;border-color: rgba(253, 230, 138, var(--tw-border-opacity));}
    &-yellow-300{--tw-border-opacity: 1;border-color: rgba(252, 211, 77, var(--tw-border-opacity));}
    &-yellow-400{--tw-border-opacity: 1;border-color: rgba(251, 191, 36, var(--tw-border-opacity));}
    &-yellow-500{--tw-border-opacity: 1;border-color: rgba(245, 158, 11, var(--tw-border-opacity));}
    &-yellow-600{--tw-border-opacity: 1;border-color: rgba(217, 119, 6, var(--tw-border-opacity));}
    &-yellow-700{--tw-border-opacity: 1;border-color: rgba(180, 83, 9, var(--tw-border-opacity));}
    &-yellow-800{--tw-border-opacity: 1;border-color: rgba(146, 64, 14, var(--tw-border-opacity));}
    &-yellow-900{--tw-border-opacity: 1;border-color: rgba(120, 53, 15, var(--tw-border-opacity));}
    &-green-50{--tw-border-opacity: 1;border-color: rgba(236, 253, 245, var(--tw-border-opacity));}
    &-green-100{--tw-border-opacity: 1;border-color: rgba(209, 250, 229, var(--tw-border-opacity));}
    &-green-200{--tw-border-opacity: 1;border-color: rgba(167, 243, 208, var(--tw-border-opacity));}
    &-green-300{--tw-border-opacity: 1;border-color: rgba(110, 231, 183, var(--tw-border-opacity));}
    &-green-400{--tw-border-opacity: 1;border-color: rgba(52, 211, 153, var(--tw-border-opacity));}
    &-green-500{--tw-border-opacity: 1;border-color: rgba(16, 185, 129, var(--tw-border-opacity));}
    &-green-600{--tw-border-opacity: 1;border-color: rgba(5, 150, 105, var(--tw-border-opacity));}
    &-green-700{--tw-border-opacity: 1;border-color: rgba(4, 120, 87, var(--tw-border-opacity));}
    &-green-800{--tw-border-opacity: 1;border-color: rgba(6, 95, 70, var(--tw-border-opacity));}
    &-green-900{--tw-border-opacity: 1;border-color: rgba(6, 78, 59, var(--tw-border-opacity));}
    &-blue-50{--tw-border-opacity: 1;border-color: rgba(239, 246, 255, var(--tw-border-opacity));}
    &-blue-100{--tw-border-opacity: 1;border-color: rgba(219, 234, 254, var(--tw-border-opacity));}
    &-blue-200{--tw-border-opacity: 1;border-color: rgba(191, 219, 254, var(--tw-border-opacity));}
    &-blue-300{--tw-border-opacity: 1;border-color: rgba(147, 197, 253, var(--tw-border-opacity));}
    &-blue-400{--tw-border-opacity: 1;border-color: rgba(96, 165, 250, var(--tw-border-opacity));}
    &-blue-500{--tw-border-opacity: 1;border-color: rgba(59, 130, 246, var(--tw-border-opacity));}
    &-blue-600{--tw-border-opacity: 1;border-color: rgba(37, 99, 235, var(--tw-border-opacity));}
    &-blue-700{--tw-border-opacity: 1;border-color: rgba(29, 78, 216, var(--tw-border-opacity));}
    &-blue-800{--tw-border-opacity: 1;border-color: rgba(30, 64, 175, var(--tw-border-opacity));}
    &-blue-900{--tw-border-opacity: 1;border-color: rgba(30, 58, 138, var(--tw-border-opacity));}
    &-indigo-50{--tw-border-opacity: 1;border-color: rgba(238, 242, 255, var(--tw-border-opacity));}
    &-indigo-100{--tw-border-opacity: 1;border-color: rgba(224, 231, 255, var(--tw-border-opacity));}
    &-indigo-200{--tw-border-opacity: 1;border-color: rgba(199, 210, 254, var(--tw-border-opacity));}
    &-indigo-300{--tw-border-opacity: 1;border-color: rgba(165, 180, 252, var(--tw-border-opacity));}
    &-indigo-400{--tw-border-opacity: 1;border-color: rgba(129, 140, 248, var(--tw-border-opacity));}
    &-indigo-500{--tw-border-opacity: 1;border-color: rgba(99, 102, 241, var(--tw-border-opacity));}
    &-indigo-600{--tw-border-opacity: 1;border-color: rgba(79, 70, 229, var(--tw-border-opacity));}
    &-indigo-700{--tw-border-opacity: 1;border-color: rgba(67, 56, 202, var(--tw-border-opacity));}
    &-indigo-800{--tw-border-opacity: 1;border-color: rgba(55, 48, 163, var(--tw-border-opacity));}
    &-indigo-900{--tw-border-opacity: 1;border-color: rgba(49, 46, 129, var(--tw-border-opacity));}
    &-purple-50{--tw-border-opacity: 1;border-color: rgba(245, 243, 255, var(--tw-border-opacity));}
    &-purple-100{--tw-border-opacity: 1;border-color: rgba(237, 233, 254, var(--tw-border-opacity));}
    &-purple-200{--tw-border-opacity: 1;border-color: rgba(221, 214, 254, var(--tw-border-opacity));}
    &-purple-300{--tw-border-opacity: 1;border-color: rgba(196, 181, 253, var(--tw-border-opacity));}
    &-purple-400{--tw-border-opacity: 1;border-color: rgba(167, 139, 250, var(--tw-border-opacity));}
    &-purple-500{--tw-border-opacity: 1;border-color: rgba(139, 92, 246, var(--tw-border-opacity));}
    &-purple-600{--tw-border-opacity: 1;border-color: rgba(124, 58, 237, var(--tw-border-opacity));}
    &-purple-700{--tw-border-opacity: 1;border-color: rgba(109, 40, 217, var(--tw-border-opacity));}
    &-purple-800{--tw-border-opacity: 1;border-color: rgba(91, 33, 182, var(--tw-border-opacity));}
    &-purple-900{--tw-border-opacity: 1;border-color: rgba(76, 29, 149, var(--tw-border-opacity));}
    &-pink-50{--tw-border-opacity: 1;border-color: rgba(253, 242, 248, var(--tw-border-opacity));}
    &-pink-100{--tw-border-opacity: 1;border-color: rgba(252, 231, 243, var(--tw-border-opacity));}
    &-pink-200{--tw-border-opacity: 1;border-color: rgba(251, 207, 232, var(--tw-border-opacity));}
    &-pink-300{--tw-border-opacity: 1;border-color: rgba(249, 168, 212, var(--tw-border-opacity));}
    &-pink-400{--tw-border-opacity: 1;border-color: rgba(244, 114, 182, var(--tw-border-opacity));}
    &-pink-500{--tw-border-opacity: 1;border-color: rgba(236, 72, 153, var(--tw-border-opacity));}
    &-pink-600{--tw-border-opacity: 1;border-color: rgba(219, 39, 119, var(--tw-border-opacity));}
    &-pink-700{--tw-border-opacity: 1;border-color: rgba(190, 24, 93, var(--tw-border-opacity));}
    &-pink-800{--tw-border-opacity: 1;border-color: rgba(157, 23, 77, var(--tw-border-opacity));}
    &-pink-900{--tw-border-opacity: 1;border-color: rgba(131, 24, 67, var(--tw-border-opacity));}

    // 边框不透明度
    &-opacity-0{--tw-border-opacity: 0;}
    &-opacity-5{--tw-border-opacity: 0.05;}
    &-opacity-10{--tw-border-opacity: 0.1;}
    &-opacity-20{--tw-border-opacity: 0.2;}
    &-opacity-25{--tw-border-opacity: 0.25;}
    &-opacity-30{--tw-border-opacity: 0.3;}
    &-opacity-40{--tw-border-opacity: 0.4;}
    &-opacity-50{--tw-border-opacity: 0.5;}
    &-opacity-60{--tw-border-opacity: 0.6;}
    &-opacity-70{--tw-border-opacity: 0.7;}
    &-opacity-75{--tw-border-opacity: 0.75;}
    &-opacity-80{--tw-border-opacity: 0.8;}
    &-opacity-90{--tw-border-opacity: 0.9;}
    &-opacity-95{--tw-border-opacity: 0.95;}
    &-opacity-100{--tw-border-opacity: 1;}
  }
  // 边框圆角
  &-rounded:active{
    &-none{border-radius: 0px;}
    &-sm{border-radius: 0.125rem;}
    &{border-radius: 0.25rem;}
    &-md{border-radius: 0.375rem;}
    &-lg{border-radius: 0.5rem;}
    &-xl{border-radius: 0.75rem;}
    &-2xl{border-radius: 1rem;}
    &-3xl{border-radius: 1.5rem;}
    &-full{border-radius: 9999px;}
    &-t-none {
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
    }
    &-t-sm {
      border-top-left-radius: 0.125rem;
      border-top-right-radius: 0.125rem;
    }
    &-t {
      border-top-left-radius: 0.25rem;
      border-top-right-radius: 0.25rem;
    }
    &-t-md {
      border-top-left-radius: 0.375rem;
      border-top-right-radius: 0.375rem;
    }
    &-t-lg {
      border-top-left-radius: 0.5rem;
      border-top-right-radius: 0.5rem;
    }
    &-t-xl {
      border-top-left-radius: 0.75rem;
      border-top-right-radius: 0.75rem;
    }
    &-t-2xl {
      border-top-left-radius: 1rem;
      border-top-right-radius: 1rem;
    }
    &-t-3xl {
      border-top-left-radius: 1.5rem;
      border-top-right-radius: 1.5rem;
    }
    &-t-full {
      border-top-left-radius: 9999px;
      border-top-right-radius: 9999px;
    }
    &-r-none {
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
    }
    &-r-sm {
      border-top-right-radius: 0.125rem;
      border-bottom-right-radius: 0.125rem;
    }
    &-r {
      border-top-right-radius: 0.25rem;
      border-bottom-right-radius: 0.25rem;
    }
    &-r-md {
      border-top-right-radius: 0.375rem;
      border-bottom-right-radius: 0.375rem;
    }
    &-r-lg {
      border-top-right-radius: 0.5rem;
      border-bottom-right-radius: 0.5rem;
    }
    &-r-xl {
      border-top-right-radius: 0.75rem;
      border-bottom-right-radius: 0.75rem;
    }
    &-r-2xl {
      border-top-right-radius: 1rem;
      border-bottom-right-radius: 1rem;
    }
    &-r-3xl {
      border-top-right-radius: 1.5rem;
      border-bottom-right-radius: 1.5rem;
    }
    &-r-full {
      border-top-right-radius: 9999px;
      border-bottom-right-radius: 9999px;
    }
    &-b-none {
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
    }
    &-b-sm {
      border-bottom-right-radius: 0.125rem;
      border-bottom-left-radius: 0.125rem;
    }
    &-b {
      border-bottom-right-radius: 0.25rem;
      border-bottom-left-radius: 0.25rem;
    }
    &-b-md {
      border-bottom-right-radius: 0.375rem;
      border-bottom-left-radius: 0.375rem;
    }
    &-b-lg {
      border-bottom-right-radius: 0.5rem;
      border-bottom-left-radius: 0.5rem;
    }
    &-b-xl {
      border-bottom-right-radius: 0.75rem;
      border-bottom-left-radius: 0.75rem;
    }
    &-b-2xl {
      border-bottom-right-radius: 1rem;
      border-bottom-left-radius: 1rem;
    }
    &-b-3xl {
      border-bottom-right-radius: 1.5rem;
      border-bottom-left-radius: 1.5rem;
    }
    &-b-full {
      border-bottom-right-radius: 9999px;
      border-bottom-left-radius: 9999px;
    }
    &-l-none {
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px;
    }
    &-l-sm {
      border-top-left-radius: 0.125rem;
      border-bottom-left-radius: 0.125rem;
    }
    &-l {
      border-top-left-radius: 0.25rem;
      border-bottom-left-radius: 0.25rem;
    }
    &-l-md {
      border-top-left-radius: 0.375rem;
      border-bottom-left-radius: 0.375rem;
    }
    &-l-lg {
      border-top-left-radius: 0.5rem;
      border-bottom-left-radius: 0.5rem;
    }
    &-l-xl {
      border-top-left-radius: 0.75rem;
      border-bottom-left-radius: 0.75rem;
    }
    &-l-2xl {
      border-top-left-radius: 1rem;
      border-bottom-left-radius: 1rem;
    }
    &-l-3xl {
      border-top-left-radius: 1.5rem;
      border-bottom-left-radius: 1.5rem;
    }
    &-l-full {
      border-top-left-radius: 9999px;
      border-bottom-left-radius: 9999px;
    }
    &-tl-none{border-top-left-radius: 0px;}
    &-tl-sm{border-top-left-radius: 0.125rem;}
    &-tl{border-top-left-radius: 0.25rem;}
    &-tl-md{border-top-left-radius: 0.375rem;}
    &-tl-lg{border-top-left-radius: 0.5rem;}
    &-tl-xl{border-top-left-radius: 0.75rem;}
    &-tl-2xl{border-top-left-radius: 1rem;}
    &-tl-3xl{border-top-left-radius: 1.5rem;}
    &-tl-full{border-top-left-radius: 9999px;}
    &-tr-none{border-top-right-radius: 0px;}
    &-tr-sm{border-top-right-radius: 0.125rem;}
    &-tr{border-top-right-radius: 0.25rem;}
    &-tr-md{border-top-right-radius: 0.375rem;}
    &-tr-lg{border-top-right-radius: 0.5rem;}
    &-tr-xl{border-top-right-radius: 0.75rem;}
    &-tr-2xl{border-top-right-radius: 1rem;}
    &-tr-3xl{border-top-right-radius: 1.5rem;}
    &-tr-full{border-top-right-radius: 9999px;}
    &-br-none{border-bottom-right-radius: 0px;}
    &-br-sm{border-bottom-right-radius: 0.125rem;}
    &-br{border-bottom-right-radius: 0.25rem;}
    &-br-md{border-bottom-right-radius: 0.375rem;}
    &-br-lg{border-bottom-right-radius: 0.5rem;}
    &-br-xl{border-bottom-right-radius: 0.75rem;}
    &-br-2xl{border-bottom-right-radius: 1rem;}
    &-br-3xl{border-bottom-right-radius: 1.5rem;}
    &-br-full{border-bottom-right-radius: 9999px;}
    &-bl-none{border-bottom-left-radius: 0px;}
    &-bl-sm{border-bottom-left-radius: 0.125rem;}
    &-bl{border-bottom-left-radius: 0.25rem;}
    &-bl-md{border-bottom-left-radius: 0.375rem;}
    &-bl-lg{border-bottom-left-radius: 0.5rem;}
    &-bl-xl{border-bottom-left-radius: 0.75rem;}
    &-bl-2xl{border-bottom-left-radius: 1rem;}
    &-bl-3xl{border-bottom-left-radius: 1.5rem;}
    &-bl-full{border-bottom-left-radius: 9999px;}
  }
}